<!DOCTYPE html>
<html lang="en">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="./css/GmaFocus.css">
</head>

<body>
  <div class="Gma-wrap" id="Gma-wrap1">
    <div class="Gma-focus">
      <ul class="centerbox">
        <li>
          <a href="javascript:void(0)1">
            <img src="https://placehold.it/2000x3000//332331?text=HELLO%20WORLD" alt="">
            <p>肉坏特比么棋幸代黑错变编习罗皮？担帮万！1</p>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)2">
            <img src="https://placehold.it/2000x3000//332331?text=HELLO%20WORLD" alt="">
            <p>肉坏特比么棋幸代黑错变编习罗皮？担帮万！2</p>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)3">
            <img src="https://placehold.it/2000x3000//332331?text=HELLO%20WORLD" alt="">
            <p>肉坏特比么棋幸代黑错变编习罗皮？担帮万！3</p>
          </a>
        </li>
      </ul>
    </div>
    <a href="javascript:void(0)" class="Gma-Focus-btn prev"></a>
    <a href="javascript:void(0)" class="Gma-Focus-btn next"></a>
  </div>

</body> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="./js/GmaFocus.js"></script>
<script>
  $('#Gma-wrap1').GmaFocus({
    effect: 'fade',
    autoTime: '500'
  })
</script>

</html>